<template>
	<view class="content">
		<h1>请选择你的身份</h1>

		<view class="hz1">
			<view class="left1">
				<image src="/static/my/tp1.webp"></image>
			</view>
			<navigator class="right1" url="/pages/login/login">
				<h3>个人求职</h3>
				<view class="one">
					<span class="qz">求职</span>
					<span class="jk">健康</span>
					<span class="tjl">投简历</span>
				</view>
			</navigator>
		</view>
		<view class="hz2">
			<view class="left2">
				<image src="/static/my/tp1.webp"></image>
			</view>
			<view class="right2">
				<h3>企业招聘</h3>
				<view class="tow">
					<span class="zp">招聘</span>
					<span class="zrc">找人才</span>
				</view>
			</view>
		</view>
		<popup></popup>
		<tabbar :tab="4"></tabbar>
	</view>
</template>

<script>
export default {
	data() {
		return {};
	},
	methods: {}
};
</script>

<style>
.content {
	margin-top: 200rpx;
}

h1 {
	margin: 40rpx 0 50rpx 80rpx;
	font-weight: bold;
	font-size: 56rpx;
}
.hz1,
.hz2 {
	margin:0 auto;
	height: 220rpx;
	width: 80%;
	border: 5rpx solid #bebebe;
	border-radius: 25rpx;
}
.hz2 {
	margin-top: 40rpx;
}
.left1 image,
.left2 image {
	float: left;
	width: 180rpx;
	height: 160rpx;
	border-radius: 25rpx;
	margin: 30rpx 0 0 50rpx;
}
.right1,
.right2 {
	float: right;
	margin-right: 26rpx;
}
.right1 h3 {
	/* padding: 60rpx 50rpx 30rpx 50rpx; */
	margin: 60rpx 62rpx 30rpx 62rpx;
	font-size: 38rpx;
	/* padding: 5rpx; */
	font-weight: normal;
}

.right2 h3 {
	/* padding: 60rpx 68rpx 30rpx 70rpx; */
	margin: 60rpx 62rpx 30rpx 62rpx;
	font-size: 38rpx;
	font-weight: normal;
}
span {
	color: #b9b9b9;
	font-size: 32rpx;
}
.right1 .qz {
	margin-left: 6rpx;
}
.right1 .jk {
	margin: 0 20rpx 0;
}
.right2 .zp {
	/* margin-right: 100rpx; */
	margin-left: 48rpx;
}
.right2 .zrc {
	/* margin-right: 30rpx; */
	margin-left: 20rpx;
}
</style>
